body, html {height: 100%; position: relative; font-family: 'Microsoft yahei'; font-size: 13px; font-weight: 400;overflow: auto}
img {vertical-align: middle;}
a, a:hover, a:active, a:focus {text-decoration: none; -webkit-user-drag: none;}

#header{position:fixed;height:77px;width: 100%;background-color: #646464;box-shadow:1px 3px 4px grey;}
#header span{font-size: 22px;color: white;padding-left:111px;line-height: 77px}

#menu{position: relative;margin-top: -33px;}
#menu>ul{display: inline-block;margin-left:700px;box-shadow:2px 1px 2px grey;}
#menu>ul>li{width: 111px;height:33px;padding-left: 0px; display:inline-block;box-shadow:0px 1px 4px grey;text-align: center; background-color: #C0C0C0;vertical-align: top;}
#menu>ul>li>a{color: white;line-height: 33px;font-size:19px;text-align: center;}

#menu ul>li:hover{background-color: #DDDDDD;}
#menu ul>li>a:hover{color:black}
#menu ul>li>a:active{color:#32AC9D}

#bt_tab{display: none;}
#bt_tab>li{width: 111px;height:33px;box-shadow:0px 1px 4px grey;text-align: center; background-color: #C0C0C0;}
#bt_tab>li>a{color: white;line-height: 33px;font-size:19px;text-align: center;}
#bt_tab>li:hover{background-color: #DDDDDD;}
#bt_tab>li>a:hover{color:black}
#bt_tab>li>a:active{color:#32AC9D}

#main{width: 1300px;margin-top: 133px;margin-left: 177px;float:left;}
.article{width: 1123px;background-color: white;border:3px solid grey;margin-top:22px;padding: 22px;}

#tab{float: right;margin-top:153px;margin-right: 100px; }
#notice{border:3px solid grey;width:300px;height:300px;}
#notice>span{color:black;font-size: 22px;font-weight: 700;text-align: right;}
#content{color:black;font-size: 18px;}

#category{margin-top: 100px;border:3px dashed grey;}     
#category>ul>li:first-child{color:black;font-weight: 700;text-align: center;line-height: 22px;font-size: 22px;}
#category>ul>li>a{line-height: 27px;font-size: 17px;color:black;}

#category>ul>li>a:hover {color: limegreen;}
#category>ul>li>a:active {color:#1e7ec8;}






